<template>
  <div class="myHead d-flex jc-between ai-center pl-3 pr-3 b-sizing">
    <div class="logo"></div>
    <div
      class="download bg-white d-flex jc-center fs-lg ai-center flex-sh"
      @click="handleDownload"
    >下载APP</div>
  </div>
</template>
 
<script>
export default {
  name: "vueName",
  data() {
    return {
      msg: "Welcome to your vueName"
    };
  },
  methods:{
    handleDownload(){
      window.open('https://d1.music.126.net/dmusic/CloudMusic_official_7.1.0.1584090592.apk','_self')
    }
  }
};
</script>
 
<style scoped lang = "scss">
.myHead {
  width: 100%;
  height: 84px;
  background-color: $primary;
  .logo {
    background: url("~assets/img/topbar.png") 0 -19px;
    /* height: 25px;
         width: 142px; */
    width: 157px;
    height: 33px;
  }
  .download {
    width: 100px;
    height: 36px;
    color: #d43c33;
    border-radius: 37.5%/100%;
  }
}
</style>